
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购物商城-注册</title>
    <style>
         * {
             margin: 0 auto;
             padding: 0;
             list-style: none;
        }
         .header-a {
             text-decoration: none;
             color: #CCCCCC;
         }
         .header-a:hover {
             color: black;
         }
         .header_li1 {
             float: left;
             line-height: 30px;
             margin-left: 24px;
             text-align: center;
         }
         .header_li1 a {
             text-decoration: none;
             color: #FFFFFF;
             font-size: 13px;
             border-right: #CCCCCC;
         }
         .header_li1 a:hover {
             color: #FFFF00;
         }
    </style>

</head>
<body>
<div style="height: 32px;width: 100%;background-color: #EFEFEF">
    <!--头页面的第一部分-->
    <div  style="width: 1000px;height: 32px;font-size: 12px;line-height: 32px;text-align: right">
        官方网站：<a href="http://gz.gec-edu.org/?gzbdgzbdyueqianpc23"> http://gz.gec-edu</a>
        [<a href='${pageContext.request.contextPath}/login.jsp'>登录</a>]
        [<a href="${pageContext.request.contextPath}/register.jsp">免费注册</a>]
        [<a href="${pageContext.request.contextPath}/shopCar.jsp">我的购物车</a>]
        [<a href="${pageContext.request.contextPath}/order2.jsp">我的订单</a>]
        [<a href="${pageContext.request.contextPath}/index.jsp">设置为首页</a>]
        [<a href="#">加入收藏</a>]
    </div>
    <!--头页面的第二部分-->
    <div  style="width: 1000px;height:110px ;position:relative">
        <img src="images/article/logo.gif">
        <img src="images/banner.gif" alt="" style="margin-top: 10px">

        <div style="position: absolute;right: 50px;top: 30px;font-size: 12px;">
            <div style="border: 1px solid #CCCCCC;width: 70px;height: 20px;line-height: 20px;text-align: center "><a
                    href="#" class="header-a">关于我们</a></div>
            <div style="margin-top: 10px;border: 1px solid #CCCCCC;width: 70px;height: 20px;line-height: 20px;text-align: center "><a
                    href="#" class="header-a">联系方式</a></div>

        </div>

    </div>
    <!--头页面的第三部分-->
    <div style="width: 100%;height: 30px;background-color: #CC3333">
        <div style="width: 1000px;height: 30px">
            <u1>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0001">首页  </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0001">护肤 </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0002">彩妆  </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0003">香氛  </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0004">身体护理</a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0005">礼盒套装</a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0006">母婴专区</a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0007">男士专区</a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0008">粉底  </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0009">粉饼  </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0010">睫毛膏 </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0011">唇彩  </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0012">腮红  </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0013">食品保健</a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0014">瘦身类 </a></li>
                <li class="header_li1"><a href="http://localhost:8080/${pageContext.request.contextPath}/indexServlet?type_code=0015">美容类 </a></li>
            </u1>

        </div>
    </div>
</div>
<div style= "width: 1000px;height: 800px;margin-top:150px">
    <%--第一 部分--%>
    <table width=" 100%" >
        <tr>
            <td style= "width: 50%" ><h6>注册新用户</h6></td>
            <td style="width: 50%;text-align: right;font-size: 12px">我已经注册,现在就&nbsp;&nbsp;&nbsp;<a href= "login.jsp">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
    </table>
        <%--第二部分--%>
        <div style="text-align: center; width: 100%;height: 100%; border-left:2px #CCCCCC solid; border-right:2px #CCCCCC solid;border-bottom:2px #CCCCCC solid;margin-top: 20px">
            <div style="margin: 20px ; border-bottom: 2px #FFDC97 solid;text-align: center">
                <h6 style=" color :#A0410A; padding-bottom: 10px"> 个人用户信息</h6>
            </div>
            <form>
                <table style="font-size: 13px;border-spacing:0 25px">
                    <tr>
                    <td>*登录名:&nbsp; &nbsp;</td>
                    <td><input type="text" style= "width: 270px;height: 28px; border: 1.5px #CCCCCC solid"></td>
                    <td><span></span></td>
                    </tr>
                    <tr>
                        <td>*设置密码:&nbsp; &nbsp;</td>
                        <td><input type="password" style= "width: 270px;height: 28px; border: 1.5px #CCCCCC solid"></td>
                        <td><span></span></td>
                    </tr>
                    <tr>
                        <td>*确认密码:&nbsp; &nbsp;</td>
                        <td><input type="password" style= "width: 270px;height: 28px; border: 1.5px #CCCCCC solid"></td>
                        <td><span></span></td>
                    </tr>
                    <tr>
                        <td>*真实姓名:&nbsp; &nbsp;</td>
                        <td><input type="text" style= "width: 270px;height: 28px; border: 1.5px #CCCCCC solid"></td>
                        <td><span></span></td>
                    </tr>
                    <tr>
                        <td>*性别:&nbsp; &nbsp;</td>
                        <td>
                            <input type="radio" name="sex" value="man">男&nbsp;&nbsp;
                            <input type="radio" name="sex" value="woman">女&nbsp;&nbsp;
                        </td>
                        <td><span></span></td>
                    </tr>
                    <tr>
                        <td>*详细地址:&nbsp; &nbsp;</td>
                        <td><input type="text" style= "width: 270px;height: 28px; border: 1.5px #CCCCCC solid"></td>
                        <td><span></span></td>
                    </tr>
                    <tr>
                        <td>*联系电话:&nbsp; &nbsp;</td>
                        <td><input type="text" style= "width: 270px;height: 28px; border: 1.5px #CCCCCC solid"></td>
                        <td><span></span></td>
                    </tr>
                    <tr>
                        <td>*验证码:&nbsp; &nbsp;</td>
                        <td><input type="text" style= "width: 150px;height: 28px; border: 1.5px #CCCCCC solid"></td>
                        <td><span></span></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                        <a href="${pageContext.request.contextPath}/login.jsp"style=" text-decoration:none;background-color: #FE901F;font-weight: bold;width: 80px;border-radius:3px;color:#FFFFFF;padding: 3px 18px 3px 18px;border: none">同意以下协议，提交</a>
                        </td>
                        <td><span></span></td>
                    </tr>

                </table>
            </form>
            <textarea rows="7" cols="80" ></textarea>
        </div>
</div>

</body>
</html>
